@charset "utf-8";
/* CSS Document */



.home-bg {
	background:url(../images/bg-home.jpg) no-repeat  center fixed;
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.thank-bg {
	background:url(../images/bg-thank.jpg) no-repeat  center fixed;
		-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}

.result-bg {
	background:url(../images/bg-result.jpg) no-repeat center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

  	height:345px;
  }

/* background setup */
.background {
    background-repeat:no-repeat;
    /* custom background-position */
    background-position:50% 50%;
    /* ie8- graceful degradation */
    background-position:50% 50%\9 !important;

}

/* fullscreen setup */
html, body {
    /* give this to all tags from html to .fullscreen */
    height:100%;
	width:100%;
}
.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
	display:table;
}
.content-b {
	display:table-cell;
    position:relative;
	vertical-align:middle;
	text-align:center;
}

/* visual styles */


.not-fullscreen {
    height:50%;
}

.tx-title-home {
	font-size:50px;
	font-family: tahoma;
	color:#ffffff;
	text-align:center;
}

.tx-title-tq {
	font-size:60px;
	font-family: tahoma;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
}

.tx-title-result {
	font-size:50px;
	font-family: tahoma;
	color:#ffffff;
	text-align:center;
}
.tx-title-sm-hm {
	font-size:24px;
	font-family: tahoma;
	color:#ffffff;
	text-align:center;
	text-transform:uppercase;
}
.tx-title-sm {
	font-size:18px;
	font-family: tahoma;
	color:#ffffff;
	text-align:center;
}

.intro {margin-top:10%;}
.re-intro {margin-top:5%;}





.contactDropdown select {
   background: transparent;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
   .contactDropdown {
   border:2px solid #fff;
   padding:10px 20px;
   overflow: hidden;
   background:url(../images/icon-arrow.png) no-repeat right ;
   font-size:18px;
   color:#fff;
   }
   
   .contactDropdown.validationError select {
   background: transparent;
   padding: 5px;
   font-size: 16px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
   .contactDropdown.validationError {
   border:2px solid #FF0004;
   padding:10px 20px;
   overflow: hidden;
   background:url(../images/icon-arrow.png) no-repeat right ;
   font-size:18px;
   color:#fff;
   }
   
      
   .in-style.validationError{
	 border:2px solid #FF0004;
     color:#fff;
}

.instyle-drop select {
   background: transparent;
   padding: 5px;
   font-size: 60px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
   .instyle-drop {
   border:2px solid #fff;
   padding:15px 20px;
   overflow: hidden;
   background:url(../images/icon-arrow.png) no-repeat right ;
   font-size:68px;
   color:#fff;
   }
   
   .instyle-drop.validationError select {
   background: transparent;
   padding: 5px;
   
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   
   .instyle-drop.validationError {
   border:2px solid #FF0004;
   padding:15px 20px;
   overflow: hidden;
   background:url(../images/icon-arrow.png) no-repeat right ;
   
   color:#fff;
   }
   
 option{
   
	color:#666;
	background:#fff;

}

.top10 {padding-top:10px;}
.top20 {padding-top:20px;}
.top30 {padding-top:30px;}

.btn {
	text-align: center;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	
	display: inline-block;
	white-space: nowrap;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	cursor: pointer;
	letter-spacing:2px;
	text-transform:uppercase;
	
}

.search-btn {
background: transparent;
	border: solid 2px #ffffff;
	font-size: 18px;
	padding:10px 20px;
	color:#ffffff;
	width:100%;
	font-family: tahoma;
}

.search-btn:hover {
	border: solid 2px #f8e60c;
}	
.submit-btn {
	background: #ffcc00;
	border: solid 1px #ffcc00;
	font-size: 18px;
	padding:10px 20px;
	color:#000000;
	width:100%;
	font-family: tahoma;
}

.submit-btn:hover {
	background: #f1c101;
}

.email-btn {
	background: #03787d;
	border: solid 1px #03787d;
	font-size: 18px;
	padding:12px 20px;
	color:#fff;
	width:100%;
	font-family: tahoma;
}

.email-btn:hover {
	background: #016a6e;
}

.call-btn {
	background: #03787d;
	border: solid 1px #03787d;
	font-size: 18px;
	padding:12px 20px;
	color:#fff;
	width:100%;
	font-family: tahoma;
}

.call-btn:hover {
	background: #016a6e;
}

.tx-white {color:#fff;}

.tx-call {
	font-size:30px;
	font-family: tahoma;
	font-weight:900;
	text-align:center;
	
	}
.tx-call-sm {
	font-size:18px;
	text-align:center;
}

.result-img {background:url(../images/result-img-th.png) no-repeat bottom right;
height:580px;}

.bubblle-top {
	background:url(../images/bubble-top-th.png) no-repeat center;
	width:250px;
	height:103px;
	padding:20px 10px;
	margin-left:240px; 
}

.bubblle-left {
	background:url(../images/bubble.png) no-repeat center;
	width:205px;
	height:128px;
	margin:100px 0 0 35px;
	padding:30px  20px 0 0;
}
.bubblle-left2 {
	background:url(../images/bubble.png) no-repeat center;
	width:205px;
	height:128px;
	margin:70px 0 0 35px;
	padding:30px  20px 0 0;
}



.result-tx-sm {
	font-size:18px;
	text-align:center;
}
.result-tx-big {
	font-size:24px;
	text-align:center;
	font-family: tahoma;
	font-weight:900;
	text-align:center;
}

.foot-bg {width:100%;
background-color:#666666;
padding:20px 0 20px 0;
margin-top:20px;
}

.tx-email {
	font-size:36px;
	color:#fff;
	font-family: tahoma;
	font-weight:500;
}


.main > section button.disabled {
	background: #aaa;
	pointer-events: none;
}

a.back {color:#ffffff;}

a.back:hover {color:#f8e60c}	

.logo-fwd, .logo-fwd-th, 
.logo-gluaygluay, .call-ico-black, .call-ico, .arrow-back, .icon-en, 
.icon-thai
{ display: inline-block; background:url(../images/img-sprite.png) no-repeat; overflow: hidden; text-indent: -9999px; text-align: left; }
 
.logo-fwd { background-position: -1px -0px; width: 277px; height: 88px; }
.logo-fwd-th { background-position: -1px -193px; width: 245px; height: 88px; }
.logo-gluaygluay { background-position: -168px -411px; width: 91px; height: 88px; }
.call-ico-black { background-position: -207px -282px; width: 52px; height: 52px; }
.call-ico { background-position: -207px -335px; width: 52px; height: 52px; }
.arrow-back { background-position: -247px -193px; width: 29px; height: 29px; }
.icon-en { background-position: -247px -223px; width: 28px; height: 28px; }
.icon-thai { background-position: -247px -252px; width: 28px; height: 28px; }